<!DOCTYPE html>
<extend name="Base:base"/>
<block name="title">
    <title>请完善信息</title>
<import type='css' file='Css.completeInf'/>
<import type='js' src="__PUBLIC__Js/global.js"/>
</block>
<block name="content">
<div class="complete-mainBox"style="background: url(__PUBLIC__/img/compleInf.png)">
    <div class="information">
	    <!--表单 action js判断了如果填写不完整提示并不能提交-->
        <form action=" completeInf.html" method="post" name="completeForm" id="completeForm">
            <div class="informationFrom">
                <ul class="apply">
				    <li>
                        <span class="mySpan">注册类型：</span>
                        <label class="labela">
                            <input id="student"  type="radio" name="type" value="学生" checked >
                            学生
                        </label>
                        <label class="labela">
                            <input id="organize"  type="radio" name="type" value="组织机构">
                            组织（社团/公司机构）
                        </label>
                    </li>
                    <li>
                        <span id="nickname" class="mySpan">你的姓名：</span>
                        <input id="pName" name="name" type="text" class="myInput"value="">
                    </li>				
					 <li>			 
					    <span class="mySpan">城市区域：</span>
						<div class="mySelect">
						<select id="city"name="city"> 
                          <option value="天津"selected>天津</option>                                    
                        </select> 
						</div>
						<div class="mySelect">
						<select id="region"name="region">                        
                          <option value="津南区"selected>津南区</option> 					
                          <option value="河西区">河西区</option> 			             
                         </select> 
						 </div>
					</li>
					<li id="school" style="display:none">
					    <span class="mySpan">学校选择：</span>
					    <select name="school">                        
                          <option value="天津大学"selected>天津大学(北洋园)</option> 					
                          <option value="南开大学">南开大学(新校区)</option> 
						  <option value="天津财经大学">天津财经大学</option> 					
                          <option value="天津科技大学">天津科技大学（河西）</option>
						  <option value="天津职业技术师范大学">天津职业技术师范大学</option> 					
                          <option value="中德职业技术学院">中德职业技术学院</option>
                          <option value="电子职业技术学院">电子职业技术学院</option>
  						  <option value="轻工职业技术学院">轻工职业技术学院</option>
                          <option value="现代职业技术学院">现代职业技术学院</option>
						  <option value="海运职业学院">海运职业学院</option>
                          <option value="商务职业学院">商务职业学院</option>                              					  
                        </select> 						
					</li>
                    <li>
                        <span class="mySpan">详细地址：</span>
                        <input id="pAddress" name="address" type="text"class="myInput"value="">
                    </li>              				
                    <li>
                        <a href="javascript:" id="btn" class="completeBtn" onclick="proofInf()">提交</a>
                    </li>
                </ul>
            </div>
        </form>
        <div class="bottomBox">
            <a href="main.html">跳过·>></a>
        </div>
    </div>
</div>
<script type="text/javascript">
    function proofInf(){
        var pname=document.getElementById("pName").value
        var paddress=document.getElementById("pAddress").value;
        var type = document.getElementsByTagName("input");
        var checkdType="";
        for(var i=0; i<type.length; i++){
            if(type[i].checked){
                checkdType=type[i];
            }
        }
        if(pname!=""&&paddress!=""&&checkdType!=""){
            document.getElementById("completeForm").submit();
        }
        else{
            alert("你的信息不完善")
        }
    }    
		document.getElementById("student").checked=true
		if(document.getElementById("student").checked==true){
			$("#school").css({display:'block'});
			$("#nickname").html("你的姓名：");
		  }	 
		$(".labela").click(function(){
		  if(document.getElementById("student").checked==true){
			$("#school").css({display:'block'});
			$("#nickname").html("你的姓名：");
		  }
		  else if(document.getElementById("organize").checked==true){
		    $("#school").css({display:'none'});
			$("#nickname").html("机构名称：");
			}
        });  
</script>
</block>
</html>